<template>
  <!-- 个人信息 -->
  <div class="card">
    <div class="card-top">
      <div class="card-top-menu-active">个人信息</div>
    </div>
    <el-divider />
    <div class="card-bottom">
      <div class="flex justify-around">
        <img
          class="block w-[110px]"
          alt="Vue logo"
          src="~@/assets/avatar.png"
        />
        <div class="flex flex-col justify-between">
          <div class="flex items-center text-[14px]">
            <van-icon
              class="mr-[10px]"
              name="card"
              :size="30"
              color="var(--color-header-background-1)"
            />工号：admin
          </div>
          <div class="flex items-center text-[14px]">
            <van-icon
              class="mr-[10px]"
              name="contact"
              :size="30"
              color="var(--color-header-background-1)"
            />姓名：超级管理员
          </div>
          <div class="flex items-center text-[14px]">
            <van-icon
              class="mr-[10px]"
              name="shop"
              :size="30"
              color="var(--color-header-background-1)"
            />部门：临时部门
          </div>
          <div class="flex items-center text-[14px]">
            登录时间：2025-08-14 19:00:00
          </div>
        </div>
      </div>
    </div>
  </div>
</template>
<script setup lang="ts"></script>

<style lang="less" scoped></style>
